@charset "utf-8";

/*리셋 CSS*/
html,body,
p,div,
ul,dl,ol,dd,li,
table,tr,th,td,
h1,h2,h3,h4,
form,fieldset,legend,
table,tr,td,th,caption,
address,blockquote {margin:0; padding:0;}
address,em {font-style:normal;}
fieldset, img {border:0 none;}
h1,h2,h3,h4,h5 {font-size:1em;}
legend, caption, hr{display:none;width:0; height:0; font-size:0;}
input{padding:0;margin:0;border:0px;vertical-align: middle;}
table{border-collapse:collapse;border-spacing:0;}
dl, dt, dd, ul, ol, li{
	list-style:none;
	padding:0;
	margin:0;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display:block;}
img {vertical-align:middle;}
table {border-spacing:0px;border:0px;border-collapse:collapse;}
address,hr{display:none;}
form {display:inline;}
fieldset {padding:0;margin:0;border:none;}
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
body{font-size:0.7em;color:#ffffff;letter-spacing:-1px;font-family:'나눔고딕',  NanumGothic , 'Nanum Gothic',"dotum", "arial", "sans-serif" ;}
a{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}
body{background:black;}
.wrap{-webkit-text-size-adjust:none;}


/*main*/
.movie img{width:100%}
.img100 img{width:100%}
.wrap{width:100%;}
.cotainer{background:url('../images/mobile_back.png')no-repeat top center;background-size:100%;}
.cotainer .main{width:96%;margin:0 auto;}
.line_center{text-align:center;}
.line_right{text-align:right;}
.btn30 img{width:35%;padding-right:3%;padding-top:2%;}
.btn40 img{width:45%;text-align:center;}
.m_event{margin-top:7%;}
.sp_t3{margin-top:3%}
.sp_t7{margin-top:7%}
.sp_r1{margin-right:1%}
.m_eventbox{border:2px solid #49413f;margin:0 auto;text-align:center;margin-top:3%;}
.m_eventbox .m_notice{margin:3%}
.m_eventbox .m_notice span{color:#b3a29c;margin:1%}
.m_eventbox .m_notice span.sns_on{margin:0;}
.m_eventbox .m_notice li{line-height:2em;}
.m_eventbox .m_user li{line-height:1.5em;}
.m_eventbox .m_user span{display:inline-block;width:20%;}
.m_eventbox .m_user input{height:1.5em;width:40%}
.m_vote{}
.m_vote li{background:url('../images/vote_back.png')no-repeat;background-size:100% 100%;line-height:2.2em;margin-top:5px;padding-left:3%;font-size:1em;}

.m_graph{position:relative;margin-top:0px;overflow:hidden;}
.m_graph li{margin-top:9px;line-height:2.2em;;background:url('../images/graph_back.png')no-repeat;background-size:100% 100%;}
 
.m_graph .graph_bar{padding-left:10px;display:inline-block;color:#ffffff;padding-left:5px;width:70%;background:url('/images/bar.png')no-repeat;background-size:100% 100%;}
.m_graph .per{position:absolute;right:5px;font-size:0.75em;font-weight:bold;display:inline-block;width:30px;text-align:center;height:20px;margin-top:2px;background:#5f4034;}
.m_graph .count{position:absolute; right:30px;font-size:0.75em;width:40px;}
.hide{display:none;}

.sns_on{padding:1px;}
.m_sns{background:#f7f7f7;color:#777777;}
.m_sns .m_sns_write{padding:3% 2%;}
.m_sns .m_sns_memo{position:relative;margin-top:10px;padding-right:85px;}
.m_sns .m_sns_memo textarea{width:100%;height:58px;border:1px solid #dfdfdf;}
.m_sns .m_sns_memo input{position:absolute;top:2px; right:0px;}

.first_bar{border-top:1px solid #dfdfdf;}
.comment_list li{border-bottom:1px solid #dfdfdf;padding:3px 10px;}
.comment_list li:first-child{background:#f4f4f4}
.comment_list .sns_name{color:#356dd3;padding-left:3px;}
.comment_list .sns_date{float:right;clear:right;color:#777777;}
.comment_list .wrap_comment{position:relative;padding:5px 0;height:70px;}
.comment_list .wrap_comment .thumbImg{width:59px;height:59px;}
.comment_list .wrap_comment .comment{position:absolute; left:60px;top:0px;color:#616161;}
.m_sns_list .last_list a{display:block;text-align:center;padding:13px;}
.m_sns_list .last_list img{width:18%}

.footer{padding:20px 0;text-align:center;}



/*







 